<html>
  <head>
    <title>Head First Lounge</title>
  </head>   <!--蓝色的是标签，红色的是属性，绿色的是注释-->
  <body>
    <h1>Welcome to the New and Improved Head First Lounge</h1>
    <img src="images/drinks.gif"> <!--img没有结束标记，叫做空标记，后面跟着的是路径-->
    <p>
       Join us any evening for
       refreshing <a href="beverages/elixir.html">elixirs</a>, 
       conversation and maybe a game or two of 
       <em>Dance Dance Revolution</em>.	<!--这是一个强调元素-->
       Wireless access is always provided;  
       BYOWS (Bring your own web server).
    </p>
    <h2>Directions</h2> <!-- 一般使用1级标题，2级标题-->
    <p>
      You'll find us right in the center of downtown Webville.   
      If you need help finding us, check out 
      our <a href="about/directions.html">detailed directions</a>. 
      Come join us!
    </p>
  </body>
</html>

<!--head 与body的区别-->
<!--需要自己换行<br>，
一般只会显示一个空格，多个空格不会显示，用&nbsp
一般用tab字符进行缩进，tab在浏览器众也不会显示出来
-->
